//该文件用于创建Vuex中最为核心的store
import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'
//应用Vuex插件
Vue.use(Vuex)

//准备actions——用于响应组件中的动作
const actions = {
    jia(state, data) {
        console.log('actions中的jia被调用了')
        state.commit('JIA', data)
    },
    jian(state, data) {
        console.log('actions中的jian被调用了')
        state.commit('JIAN', data)
    },
    jiaOdd(context,value){
        console.log('actions中的jiaOdd被调用了')
        if(context.state.sum % 2){
            context.commit('JIA',value)
        }
    },
    jiaWait(context,value){
        console.log('actions中的jiaWait被调用了')
        setTimeout(()=>{
            context.commit('JIA',value)
        },500)
    }

}
//准备mutations——用于操作数据（state）
const mutations = {
    JIA(state, data) {
        state.sum += data;
    },
    JIAN(state, data) {
        state.sum -= data;
    }
}
//准备state——用于存储数据  驱动应用的数据源；
const state = {
    sum: 0 //当前的和
}


//创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state,
})